<template>
	<div class="app-container">
		<div class="home_header">
			<h2>欢迎访问叫哨系统</h2>
			<p class="date" style="right: 20px; top: 10px; font-size: 14px;">今天是 {{ date }} {{ week }}</p>
			<div><img src="../assets/logo/logo.png" /></div>
		</div>
	</div>
</template>

<script>
import dayjs from 'dayjs';

let week_arr = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];

export default {
	data() {
		return {
			date: '', //日期
			week: '' //星期
		};
	},

	mounted() {
		let date = dayjs();
		this.date = date.format('YYYY-MM-DD');
		this.week = week_arr[date.day()];
	},
	methods: {}
};
</script>

<style lang="scss" scoped="scoped">
.home_header {
	width: 100%;
	height: 60px;
	color: #000;
	margin-top: 20px;
	text-align: center;
	// background: rgba(245, 250, 253, 1.0);
	position: relative;
	// top: 60px;
	// left: 0;
	z-index: 99;

	h2 {
		color: #000;
	}
	img {
		width: 300px;
		height: 300px;
	}

	.date {
		position: absolute;
		right: 20px;
		color: #000;
		bottom: 15px;
	}
}

</style>
